
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>登录</title>
    <link href="../css/mui.min.css" rel="stylesheet"/>
    <link rel="stylesheet" href="../css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="../css/cw.css"/>
    <style type="text/css">
    	.mui-content>.mui-input-group:first-child{ margin-top: 0; margin-bottom: 0;}
    	.mui-input-group .mui-input-row{height:49px;}
    	.mui-input-row{ list-style: none; font-size: 17px;}
    	.mui-input-row label{ width: 30%; position: relative; line-height:17px;line-height:27px;}
     	.mui-input-row label~input{ width: 70%; font-size:17px; padding: 14px 15px 12px 0; height: auto;}
    	.mui-input-row .mui-input-clear~.mui-icon-clear{top:15px}
    	.mui-bar-nav~.mui-content{margin-top: 50px;}   	
    	.mui-popover {height: 100px;width:100px;text-align: center;}
    </style>
</head>
<body>
	<header id="header" class="mui-bar mui-bar-nav">
		<!--<i class="mui-icon mui-icon-back mui-action-back"></i>-->
		<h1 class="mui-title ">登录</h1>
	</header> 
	<div id="content" class="mui-content">
	    <ul class="mui-input-group">
	    	<li class="mui-input-row">
	    		<label>手机号</label>
	    		<input type="number" class="mui-input-clear phone" placeholder="请输入手机号"/>
	    	</li>
	    	<li class="mui-input-row">
	    		<label>密&emsp;码</label>
	    		<input type="password" class="mui-input-clear pass" placeholder="请输入密码"/>
	    	</li>
	    </ul>
    	<div class="notice">忘记密码？</div>
	    <div class="btn">
	    	<button type="button" class="login">登录</button>
	    	<button type="button" class="register">注册</button>
	    </div>
	    <div class="login-bor">
	    	<div>其他方式登录</div>
	    	<div><!--不可删除--></div>
	    	<div class="login-ico">
	    		<div class="mui-col-xs-6 iconfont "><a href="#Popoverwx"style="color:#00C847;">&#xe628;</a></div><!--微信-->
	    		<div class="mui-col-xs-6 iconfont "style="text-align: right;"><a href="#Popoverqq"style="color:#2078EC;">&#xe627;</a></div><!--QQ-->
	    	</div>
	    </div>
	</div>
	<div id="Popoverqq" class="mui-popover mui-popover-bottom">
		<div class="mui-popover-arrow"></div>
		<div class="mui-scroll-wrapper">
			<div class="mui-scroll">
				<ul class="mui-table-view">
					<li class="mui-table-view-cell qqdoctor">
						<a href="#Popoverqq">医生登录</a>
					</li>
					<li class="mui-table-view-cell qqbusiness">
						<a href="#Popoverqq">商家登录</a>
					</li>
				</ul>
			</div>
		</div>
	</div>
	<div id="Popoverwx" class="mui-popover mui-popover-bottom">
		<div class="mui-popover-arrow"></div>
		<div class="mui-scroll-wrapper">
			<div class="mui-scroll">
				<ul class="mui-table-view">
					<li class="mui-table-view-cell wxdoctor">
						<a href="#Popoverwx">医生登录</a>
					</li>
					<li class="mui-table-view-cell wxbusiness">
						<a href="#Popoverwx">商家登录</a>
					</li>
				</ul>
			</div>
		</div>
	</div>
	
</body>

<script src="../js/jquery-2.1.4.min.js"></script>
<script src="../js/mui.min.js"></script>
<script src="../js/global.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" src="../js/public.js" ></script>
<script type="text/javascript" src="../js/app/me-login.js" ></script>
<script type="text/javascript" charset="UTF-8">
  	mui.init();
	var first = null;
	mui.back = function() {
		//首次按键，提示‘再按一次退出应用’
		if (!first) {
			first = new Date().getTime();
			mui.toast('再按一次退出应用');
			setTimeout(function() {
				first = null;
			}, 2000);
		} else {
			if (new Date().getTime() - first < 2000) {
				plus.runtime.quit();
			}
		}
	};
	$('.login-ico div').on('tap', function(){
		$('input').blur();
	})
	$('.register').on('tap', function(){
		openNewpage('me-register.html');
	})
	$('.notice').on('tap', function(){
		openNewpage('me-reset-password.html');
	})
</script>
</html>